/*空出来的状态条样式*/
.null-status {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  background-color: #ff3b4d;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.aui-bar-nav {
  position: fixed;
  top: 1rem;
  left: 0;
  background: #ff3b4d;
}

body {
  background: #d5d5d5;
}

.none{
  display: none;
}
.block{
  display: block;
}
//物流信息
.folw-box {
  .folw-box-content {
    background: #fff;
    width: 90%;
    margin: 0 auto;
    margin-left: 5%;
    //height: 21rem;
    margin-top: 4rem;
    border-radius: 0.8rem;
    overflow: scroll;
    .box-content-bg {
      width: 100%;
      height: 5rem;
      background: url("../img/active-pic-red.png") no-repeat;
      background-size: 100% 100%;
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      align-items: center;
      .content-bg-l {
        width: 30%;
        margin-left: 8%;
      }
      .content-bg-r {
        width: 55%;
        p {
          color: #fffefc;
          font-size: 0.7rem;
        }
      }

    }
    .box-content-list {
      margin: 0.5rem;
      li {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.5rem;

        .content-list-l {
          width: 20%;
          display: flex;
          display: -webkit-flex;
          justify-content: space-between;
          align-items: center;
          p {
            width: 70%;
            color: #808080;
            span:nth-child(1) {
              font-size: 0.7rem;
            }
            span:nth-child(2) {
              font-size: 0.6rem;
            }
          }
          img {
            width: 24%;
            height: 100%;
          }

        }
        .content-list-r {
          width: 76%;
          color: #808080;
          font-size: 0.7rem;

        }

      }
      li:nth-child(1) {
        .content-list-l {
          p {
            color: #323232;
            span:nth-child(1) {
              font-size: 0.7rem;
            }
            span:nth-child(2) {
              font-size: 0.6rem;
            }
          }
          img {
            width: 24%;
            height: 100%;
          }

        }
        .content-list-r {
          width: 76%;
          color: #323232;
          font-size: 0.7rem;

        }

      }
    }
  }
}

//帮助说明
.help-box {
  //margin-top: 3.2rem;
  .help-box-listH {
    background: #fff;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    height: 2.4rem;
    li{
      height: 100%;
      width: 25%;
      border-right: 2px solid #cccccc;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
     span{
       color: #323232;
       font-size: 0.7rem;
     }
    }
    li:nth-child(4){
      border-right: none;
    }
    .li-active{
      border-bottom: 0.1rem solid #ff3c4d;
    }
  }
  .help-box-listC{
    .help-box-list {
      background: #fff;
      .listC-chagnjian{
        padding-left: 0.7rem;
        line-height:2.2rem;
        background: #efefef;
      }
      li{
        background: #fff;
        position: relative;
        line-height: 2.2rem;
        .li1-con{
          padding-left: 0.7rem;
          display: flex;
          display: -webkit-flex;
          justify-content: flex-start;
          align-items: center;
          border-bottom: 0.1rem solid #efefef;
          i{
            width: 0.8rem;
            height: 0.8rem;
            display: inline-block;
            background: url("../img/help-icon-que.png")no-repeat;
            background-size: cover;
            margin-right: 0.4rem;
          }
          p{
            font-size: 0.8rem;
            color: #323232;
            width: 86%;
          }
          span{
            width: 0.5rem;
            height: 0.5rem;
            border-top: 0.1rem solid #656565;
            border-right: 0.1rem solid #656565;
            transform: rotate(45deg);
          }
        }
        .li1-active{
          span{
            transform: rotate(-45deg);
          }
        }
        .active-ul{
          display: none;
          li{
            padding-left: 0.7rem;
            background: #efefef;
          }
        }
      }
    }
  }
}


